<template>
	<view class="mine-component">
		<view class="user">
			<button open-type="getUserInfo" @getuserinfo="getuserinfo">获取用户信息</button>
			<button open-type="getPhoneNumber" @getphonenumber="getphonenumber">获取手机号码</button>
			<button open-type="openSetting" @opensetting="opensetting">打开权限</button>
			<button open-type="chooseAvatar" @opensetting="chooseavatar">打开权限</button>
			
		</view>
		<view class="list">
			<view class="list-item">
				<image src="/static/icon/video.png" style="width: 16px; height: 16px;"></image>
				<view class="title">使用讲解</view>
			</view>
			<view class="list-item">
				<image src="/static/icon/feedback.png" style="width: 16px; height: 16px;"></image>
				<view class="title">问题反馈</view>
			</view>
			<view class="list-item">
				<image src="/static/icon/service.png" style="width: 16px; height: 16px;"></image>
				<view class="title">联系客服</view>
			</view>
		</view>
	</view>
</template>
<script setup lang="ts">
	const getuserinfo = (...arg:any) => {
		console.log("获取用户信息", arg)
	}
	
	const getphonenumber = (...arg:any) => {
		console.log("获取手机号码", arg)
	}
	
	const opensetting = (...arg:any) => {
		console.log("打开权限", arg)
	}
	
	
	const chooseavatar = (...arg:any) => {
		console.log("图像回调", arg)
	}
	
	
	
</script>
<style scoped lang="scss">
	.mine-component{
		min-height: 100vh;
		padding: 0 20upx;
		background-color: $themeColor;
	}
	
	
	.list{
		background-color: #2e2e38;
		border-radius: 30upx;
		padding: 20upx;
		.list-item{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height: 80upx;
			border-bottom: 1px solid #3a3a3a;
			&:last-child{
				border: none;
			}
			.title{
				font-size: 32upx;
				margin-left: 30upx;
				color: #ffff;
			}
		}
	}
</style>